import { resolve } from 'node:path'
// import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
import presetAttributify from '@unocss/preset-attributify'
import presetIcons from '@unocss/preset-icons'
import presetWebFonts from '@unocss/preset-web-fonts'
import { createLocalFontProcessor } from '@unocss/preset-web-fonts/local'
import presetWind3 from '@unocss/preset-wind3'
import presetMini from '@unocss/preset-mini'
import { defineConfig } from 'unocss'

const iconDirectory = resolve(__dirname, 'icons')

export default defineConfig({
  shortcuts: [
    // { logo: 'i-logos-vue w-6em h-6em transform transition-800' },
  ],
  presets: [
    presetMini(),
    // presetWind3(),
    presetAttributify(),
    presetIcons(),
    presetWebFonts(),
    // presetWebFonts({
    //   provider: 'google',
    //   fonts: {
    //     sans: 'Roboto',
    //     mono: ['Fira Code', 'Fira Mono:400,700'],
    //     lobster: 'Lobster',
    //     lato: [
    //       {
    //         name: 'Lato',
    //         weights: ['400', '700'],
    //         italic: true,
    //       },
    //       {
    //         name: 'sans-serif',
    //         provider: 'none',
    //       },
    //     ],
    //   },
    //   processors: createLocalFontProcessor(),
    // }),
  ],
  // content:{
  //   pipeline:{
  //     include:[/\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/]
  //   }
  // }
})

// uno.config.ts
// import {
//   defineConfig,
//   presetAttributify,
//   presetIcons,
//   presetTypography,
//   presetWebFonts,
//   transformerDirectives,
//   transformerVariantGroup,
//   transformerCompileClass
// } from "unocss";

// export default defineConfig({
//   // shortcuts: [
//   //   // ...
//   // ],
//   // theme: {
//   //   colors: {
//   //     // ...
//   //   },
//   // },
//   presets: [
//     presetAttributify(),
//     presetIcons(),
//     presetTypography(),
//     presetWebFonts({
//       fonts: {
//         // ...
//       },
//     }),
//   ],
//   // rules:[],
//   // variants: [
//   //   (matcher) => {
//   //     // 支持 hover-items 样式
//   //     if (!matcher.startsWith("hi:")) return matcher;
//   //     return {
//   //       matcher: matcher.slice(3),
//   //       selector: (s) =>
//   //         `.hover-items:hover ${s.replace(/^(\W)?hi\\?\:/gi, "$1")}`,
//   //     };
//   //   },
//   // ],
//   transformers: [transformerDirectives(), transformerVariantGroup(),transformerCompileClass()],
// });
